<div class="row m-n">
    <div tabset type="tab">
        <div tab heading="新增/编辑打印模板">
            <div class="search-bar wrapper-y-sm">
                <div class="normal-search clearfix">
                    <label class="control-label"><i>*</i><span translate>模板名称</span>：</label>
                    <input type="text" class="form-control m-r-sm" ng-model="printTempInfo.TempName" maxlength="30"
                        required yb-focus>
                    <div yb-check-box yb-checked="printTempInfo.IsDefault" class="m-l-sm m-t-xs"
                        ng-if="!!btnPermission.printTplDefault" yb-check-name="设为默认模板"></div>
                </div>
            </div>
            <div class="main-area d-b-60 border-t">
                <!-- 打印模板设置 -->
                <div class="pos-a-full print-temp-conf">
                    <div class="temp-title-bar">
                        <span translate>标题样式</span>
                    </div>
                    <div class="temp-conf-con">
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"><span translate>单据名称</span>：</label>
                            <div class="col-xs-8 wrapper-none">
                                <input type="text" name="billName" class="form-control"
                                    ng-model="printTempInfo.TempTitle.Name" maxlength="50" required>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"><span translate>字体大小</span>：</label>
                            <div class="col-xs-8 wrapper-none">
                                <select name="fontSize" class="form-control"
                                    ng-model="printTempInfo.TempTitle.FontSize">
                                    <option value="12">12</option>
                                    <option value="14">14</option>
                                    <option value="16">16</option>
                                    <option value="18">18</option>
                                    <option value="20">20</option>
                                    <option value="22">22</option>
                                    <option value="24">24</option>
                                    <option value="26">26</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"></label>
                            <div class="col-xs-8 wrapper-none">
                                <div yb-check-box yb-checked="printTempInfo.TempTitle.FontWeight" yb-check-name="字体加粗">
                                </div>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"><span translate>单据描述</span>：</label>
                            <div class="col-xs-8 wrapper-none">
                                <input type="text" class="form-control" ng-model="printTempInfo.TempTitle.NameDesc" maxlength="50">
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"><span translate>字体大小</span>：</label>
                            <div class="col-xs-8 wrapper-none">
                                <select name="fontSize" class="form-control"
                                    ng-model="printTempInfo.TempTitle.nameDescheadFontSize">
                                    <option value="12">12</option>
                                    <option value="14">14</option>
                                    <option value="16">16</option>
                                    <option value="18">18</option>
                                    <option value="20">20</option>
                                    <option value="22">22</option>
                                    <option value="24">24</option>
                                    <option value="26">26</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-3 p-t-form"></label>
                            <div class="col-xs-8 wrapper-none">
                                <div yb-check-box yb-checked="printTempInfo.TempTitle.nameDescFontWeight" yb-check-name="字体加粗">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="temp-title-bar">
                        <span translate>内容排版</span>
                    </div>
                    <div class="temp-conf-con">
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"><span translate>字体大小</span>：</label>
                            <div class="col-xs-7 wrapper-none">
                                <select name="" class="form-control" ng-model="printTempStyle.FontSize">
                                    <option value="6">6</option>
                                    <option value="8">8</option>
                                    <option value="10">10</option>
                                    <option value="12">12</option>
                                    <option value="14">14</option>
                                    <option value="16">16</option>
                                    <option value="18">18</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"><i>*</i><span translate>商品行高</span>(mm)：</label>
                            <div class="col-xs-7 wrapper-none">
                                <input type="text" class="form-control" ng-model="printTempStyle.LineHeight"
                                    yb-number-input max="100" disable-decimal="false" decimal-places="6">
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"><i>*</i><span translate>头尾行高</span>(mm)：</label>
                            <div class="col-xs-7 wrapper-none">
                                <input type="text" class="form-control" ng-model="printTempStyle.HeadAndFootLineHeight"
                                    yb-number-input max="100" disable-decimal="false" decimal-places="6">
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"><span translate>表头列数</span>：</label>
                            <div class="col-xs-7 wrapper-none">
                                <select name="" class="form-control" ng-model="printTempStyle.SetHeaderColumn">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"><span translate>表尾列数</span>：</label>
                            <div class="col-xs-7 wrapper-none">
                                <select name="" class="form-control" ng-model="printTempStyle.SetFootColumn">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="col-xs-4 p-t-form"></label>
                            <div class="col-xs-7 wrapper-none">
                                <div yb-check-box yb-checked="printTempStyle.SetAlwaysShowHeadFoot" yb-check-name="每页展示页头、页尾">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="temp-title-bar clearfix">
                        <span class="pull-left" translate>表头信息</span>
                        <span class="btn-set pull-right" ng-click="setPrintHeaderPop()" translate
                            ng-style="{'width':isEN?'120px':'70px'}">表头设置</span>
                    </div>
                    <div class="temp-conf-con clearfix">
                        <div class="col-xs-4 m-t-xs m-b-xs" ng-repeat="item in cacheHeader track by $index ">
                            <div yb-check-box yb-checked="item.IsChecked" yb-check-name="{{item.Name}}" custom-width="70px"></div>
                        </div>
                    </div>
                    <div class="temp-title-bar clearfix">
                        <span class="pull-left" translate>表体信息</span>
                        <input ng-if="printType==='Handover'" type="radio" class="m-r-md m-l-xs pull-left" yb-radio
                            ng-model="checkedList.bodyType" value="1" yb-radio-name="装箱前" change-top="6"
                            yb-click="changeBodyList()">
                        <input ng-if="printType==='Handover'" type="radio" class="m-r-md pull-left" yb-radio
                            ng-model="checkedList.bodyType" value="2" yb-radio-name="装箱后" change-top="6"
                            yb-click="changeBodyList()">
                        <span class="btn-set pull-right" ng-click="setPrintBdPop1()" translate
                            ng-style="{'width':isEN?'90px':'70px'}" translate>表体设置</span>
                    </div>
                    <div class="temp-conf-con clearfix">
                        <div class="col-xs-4 m-t-xs m-b-xs" ng-repeat="item in printTempBd track by $index">
                            <div yb-check-box yb-checked="item.IsChecked" yb-check-name="{{item.Name}}"
                                custom-width="70px"></div>
                        </div>
                    </div>

                    <!-- ---------------wangcan:第二张表------------------- -->
                    <div ng-if="printTempInfo.TempTitle.Name === '销售开票审批单'">
                        <div class="temp-title-bar clearfix">
                            <span class="pull-left" translate>审批表体信息</span>
                            <span class="btn-set pull-right" ng-click="setPrintBdPop2()" translate
                                ng-style="{'width':isEN?'90px':'70px'}">表体设置</span>
                        </div>
                        <div class="temp-conf-con clearfix">
                            <div class="col-xs-4 m-t-xs m-b-xs" ng-repeat="item in printTempBd2 track by $index">
                                <div yb-check-box yb-checked="item.IsChecked" yb-check-name="{{item.Name}}"
                                    custom-width="70px"></div>
                            </div>
                        </div>
                    </div>


                    <div class="temp-title-bar clearfix">
                        <span class="pull-left" translate>表尾信息</span>
                        <span class="btn-set pull-right" ng-click="setPrintFootPop()" translate
                            ng-style="{'width':isEN?'90px':'70px'}">表尾设置</span>
                    </div>
                    <div class="temp-conf-con clearfix">
                        <div class="col-xs-4 m-t-xs m-b-xs" ng-repeat="item in cacheFoot track by $index ">
                            <div yb-check-box yb-checked="item.IsChecked" yb-check-name="{{item.Name}}" custom-width="70px"></div>
                        </div>
                    </div>
                    <div class="temp-title-bar clearfix" translate>
                        自定义表尾
                    </div>
                    <div class="temp-conf-con">
                        <textarea name="" id="printTemp-set-selfFoot" class="form-control"
                            ng-model="printTempSelfFoot.value"
                            ng-change="changeprintTempSelfFootShow(printTempSelfFoot.value)"></textarea>
                    </div>
                </div>
                <!-- 打印模板预览 -->
                <div class="pos-a-full print-temp-preview">
                    <div class="temp-title-bar" translate>
                        打印预览
                    </div>
                    <div class="temp-conf-con m-t-xs m-b-xs clearfix">
                        <span class="m-l-md m-r-sm"
                            style="display: inline-block; width: 70px; height: 25px; line-height: 25px; border-radius: 4px; background: #666; color:#fff; text-align: center"
                            translate ng-style="{'width':isEN?'90px':'70px'}">
                            纸张设置
                        </span>
                        <span translate>类型</span>：<select class="print-temp-layout-txt m-r-sm"
                            ng-model="currentPageType.data"
                            ng-options="pagetype as (pagetype.Name|translate) for pagetype in pageTypes">
                        </select>
                        {{currentPageType.data.Name|translate}}&emsp;
                        <span translate>宽</span>(cm)：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="currentPageType.data.Width" ng-disabled="currentPageType.data.Disable">
                        <span translate>高</span>(cm)：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="currentPageType.data.Height" ng-disabled="currentPageType.data.Disable">
                    </div>
                    <div class="temp-conf-con m-t-xs m-b-xs clearfix">
                        <span class="m-l-md m-r-sm"
                            style="display: inline-block; width: 70px; height: 25px; line-height: 25px; border-radius: 4px; background: #666; color:#fff; text-align: center"
                            ng-style="{'width':isEN?'90px':'70px'}">
                            <span translate>边距</span>(mm)
                        </span>
                        <span translate>上边距</span>：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="pageMargin.top" yb-number-input disable-decimal="false" decimal-places="2">
                        <span translate>下边距</span>：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="pageMargin.bottom" yb-number-input disable-decimal="false" decimal-places="2">
                        <span translate>左边距</span>：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="pageMargin.left" yb-number-input disable-decimal="false" decimal-places="2">
                        <span translate>右边距</span>：<input type="text" class="print-temp-layout-txt m-r-sm"
                            ng-model="pageMargin.right" yb-number-input disable-decimal="false" decimal-places="2">
                    </div>
                    <div class="temp-conf-con border-t wrapper-y">
                        <div class="print-item" style="margin: 0 auto"
                            ng-style="{'height':(previewWin.Height | convertCMToPx) + 'px', 'width':(previewWin.Width | convertCMToPx) + 'px'}">
                            <table width="100%" id="printTemp-preview-table"
                                style="font-family:'SimSun';text-align: center;border-collapse: collapse;border-spacing: 0;position: relative"
                                ng-style="{'font-size':printTempStyle.FontSize+'px'}">
                                <thead>
                                    <!-- 单据标题 -->
                                    <tr style="text-align: center;vertical-align:middle;border: none;">
                                        <td colspan="{{ previewTableData.length }}" style="width: 100%">
                                            <div style="width: 66.66666667%;float:left; margin-left:16.66666667%;"
                                                ng-style="{'fontSize':printTempInfo.TempTitle.FontSize+'px','fontWeight':( printTempInfo.TempTitle.FontWeight ? '700' :'400')}">
                                                {{ printTempInfo.TempTitle.Name }}
                                            </div>
                                            <div style="width:66.66666667%;float:left;margin-left:16.66666667%;"
                                                ng-style="{'fontSize':printTempInfo.TempTitle.nameDescheadFontSize+'px','fontWeight':( printTempInfo.TempTitle.nameDescFontWeight ? '700' :'400')}">
                                                {{ printTempInfo.TempTitle.NameDesc }}
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- 表头 -->
                                    <tr ng-if="(cacheHeader| isHeader).length >0" id="calcu-select-head-height"
                                        style="text-align: left;word-break: keep-all;"
                                        ng-style="{'line-height':(printTempStyle.HeadAndFootLineHeight | convertMMToPx) +'px'}">
                                        <td colspan="{{ previewTableData.length }}">
                                            <div ng-repeat="item in cacheHeader| isHeader track by $index"
                                                ng-style="setTableHeaderItemWidth(item.IsAloneRow)">
                                                <div ng-if="item.Name != '二维码'">
                                                    <i style="font-style: normal;"
                                                        ng-bind-html="(item.Alias || item.Name)|translate"></i>:
                                                    <i style="font-style: normal;" ng-bind="item.testValue"></i>
                                                </div>
                                                <div ng-if="item.Name == '二维码'">
                                                    <div ng-if="isEN" style="position:absolute;right:3px;top:0;" qr-code
                                                        qr-ticket="QR Code"></div>
                                                    <div ng-if="!isEN" style="position:absolute;right:3px;top:0;"
                                                        qr-code qr-ticket="二维码"></div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- 商品表头 -->
                                    <tr>
                                        <th ng-repeat="item in previewTableData" ng-style="{'width':item.colWidth}"
                                            style="border: 1px solid #000;border-collapse: collapse;border-bottom: 0; ">
                                            <i style="font-style: normal;" ng-bind-html="(item.Alias||item.Name)|translate"></i>
                                            <a ng-if="$index != 0" yb-table-drag yb-width="previewWin.Width"
                                                yb-index="$index" yb-data="previewTableData"></a>
                                        </th>
                                    </tr>
                                </thead>
                                <!-- 商品表体 -->
                                <tbody style="border: 1px solid #000;border-collapse: collapse;">
                                    <tr ng-if="previewTableData.length >0"
                                        style="line-height: inherit;border: 1px solid #000;"
                                        ng-style="{'height':(printTempStyle.LineHeight | convertMMToPx) + 'px'}">
                                        <td ng-repeat="item in previewTableData "
                                            style="word-break:break-all; word-wrap:break-word;border: 1px solid #000;">{{ item.testValue }}
                                        </td>
                                    </tr>
                                    <tr ng-repeat="items in FixedLine track by $index"
                                        ng-if="printTempStyle.IsFixedLineNumber"
                                        style=" line-height: inherit;border: 1px solid #000;"
                                        ng-style="{'height':(printTempStyle.LineHeight | convertMMToPx) + 'px'}">
                                        <td ng-repeat="item in previewTableData "
                                            style="text-align: center;border: 1px solid #000;">
                                            &nbsp;</td>
                                    </tr>
                                    <!-- 仅为收款单新增总计字段 -->
                                    <tr ng-if="printType=='CheckReceive'">
                                        <td colspan="{{ previewTableData.length -1 }}" align="right">总计：</td>
                                        <td>87643200</td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <!-- 表尾 -->
                                    <tr ng-if="(cacheFoot| isFoot).length >0" id="calcu-select-tfoot-height"
                                        ng-style="{'line-height':(printTempStyle.HeadAndFootLineHeight | convertMMToPx) + 'px'}">
                                        <td style="text-align: left" colspan="{{ previewTableData.length }}">
                                            <div ng-repeat="item in cacheFoot| isFoot track by $index"
                                                ng-style="setTableFooterItemWidth(item.IsAloneRow)">
                                                <i style="font-style: normal;width: 80px;letter-spacing: 0"
                                                    ng-bind-html="(item.Alias || item.Name)|translate"></i>:
                                                <i style="font-style: normal" ng-bind="item.testValue"></i>
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- 自定义表尾 -->
                                    <tr id="calcu-custom-foot-height">
                                        <td colspan="{{ (printTempBd |filter : { IsChecked:true}).length }}"
                                            style="width: 100%;text-align: left;">
                                            <span ng-bind-html="printTempSelfFootShow | ybTrustHtml"></span>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>


                            <!-- ------------------wangcan:第二张表----------------- -->
                            <table width="100%" id="printTemp-preview-table"
                                ng-if="printTempInfo.TempTitle.Name === '销售开票审批单'"
                                style="font-family:'SimSun';text-align: center;border-collapse: collapse;border-spacing: 0;position: relative"
                                ng-style="{'font-size':printTempStyle2.FontSize+'px'}">
                                <thead>
                                    <!-- 审批表标题 -->
                                    <tr style="text-align: left;vertical-align:middle;border: none;">
                                        <td colspan="{{ previewTableData2.length }}" style="width: 100%">
                                            <div style="width: 50%;float:left;"
                                                ng-style="{'fontSize':15+'px','fontWeight':( printTempInfo.TempTitle.FontWeight ? '700' :'400')}">
                                                审批节点表
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- 审批表头 -->
                                    <tr>
                                        <th ng-repeat="item in previewTableData2" ng-style="{'width':item.colWidth}"
                                            style="border: 1px solid #000;border-collapse: collapse;border-bottom: 0; ">
                                            {{ (item.Alias || item.Name)|translate }}
                                            <a ng-if="$index != 0" yb-table-drag yb-width="previewWin.Width"
                                                yb-index="$index" yb-data="previewTableData2"></a>
                                        </th>
                                    </tr>
                                </thead>
                                <!-- 商品表体 -->
                                <tbody style="border: 1px solid #000;border-collapse: collapse;">
                                    <tr ng-if="previewTableData2.length >0"
                                        style="line-height: inherit;border: 1px solid #000;"
                                        ng-style="{'height':(printTempStyle2.LineHeight2 | convertMMToPx) + 'px'}">
                                        <td ng-repeat="item in previewTableData2 "
                                            style="word-break:break-all; word-wrap:break-word;border: 1px solid #000;">{{ item.testValue }}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                            <!-- -------------------------------- -->

                        </div>
                    </div>
                </div>

                <!-- 表头设置 -->
                <div class="print-temp-modal" ng-if="IsShowPop.showTempHeaderPop">
                    <div class="modal-header" translate>
                        表头设置
                        <i class="yb-icon ico-close" ng-click="closePop()"></i>
                    </div>
                    <div class="modal-body pos-r">
                        <div class="pos-a-full">
                            <div yb-table-fixed class="table-fixed-wrap">
                                <div class="th-scroll-x">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <thead>
                                            <tr>
                                                <th width="30%" translate>默认列名</th>
                                                <th width="30%" translate>自定义列名</th>
                                                <th width="20%" translate>独行显示</th>
                                                <th width="20%" translate>移至表尾</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="td-scroll" ng-show="cacheHeader.length > 0">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <tbody>
                                            <tr ng-repeat="item in cacheHeader track by $index"
                                                ng-class="{'row-selected':item.IsSelected}">
                                                <td width="30%" class="mouseHover"
                                                    ng-click="setSelectStyle(cacheHeader,$index)"
                                                    ng-bind-html="item.Name|translate" >
                                                </td>
                                                <td width="30%">
                                                    <input type="text" ng-model="item.Alias"
                                                        class="print-temp-modal-txt" yb-focus-on="$index===0">
                                                </td>
                                                <td width="20%">
                                                    <div yb-check-box yb-checked="item.IsAloneRow" yb-check-name="独行显示" translate>
                                                    </div>
                                                </td>
                                                <td width="20%">
                                                    <span class="btn btn-operate"
                                                        ng-click="fnMoveToFoot(cacheHeader,$index)" translate>移至表尾</span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="no-data w-full text-center p-t" ng-show="cacheHeader.length === 0" translate>暂时没有数据
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary btn-sm" translate ng-click="fnMoveUp()" ng-disabled="!moveBtn.canMoveUp">
                            上移
                        </button>
                        <button class="btn btn-primary btn-sm m-l-sm" translate ng-click="fnMoveDown()"
                            ng-disabled="!moveBtn.canMoveDown">
                            下移
                        </button>
                        <button class="btn btn-default btn-sm m-l-sm" translate  ng-click="closePop()">关闭</button>
                    </div>
                </div>
                <!-- 表体设置 -->
                <div class="print-temp-modal" ng-if="IsShowPop.showTempBdPop1">
                    <div class="modal-header" translate>
                        表体设置
                        <i class="yb-icon ico-close" ng-click="closePop()"></i>
                    </div>
                    <div class="modal-body pos-r">
                        <div class="pos-a-full">
                            <div yb-table-fixed class="table-fixed-wrap">
                                <div class="th-scroll-x">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <thead>
                                            <tr>
                                                <th width="40%" translate>默认列名</th>
                                                <th width="40%" translate>自定义列名</th>
                                                <th width="20%" translate>自定义列宽</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="td-scroll" ng-show="printTempBd.length > 0">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <tbody>
                                            <tr ng-repeat="item in printTempBd track by $index"
                                                ng-class="{'row-selected':item.IsSelected}">
                                                <td width="40%" ng-click="setSelectStyle(printTempBd,$index)" translate>
                                                    {{ item.Name }}
                                                </td>
                                                <td width="40%">
                                                    <input type="text" ng-model="item.Alias" class="print-temp-modal-txt" auto-focus>
                                                </td>
                                                <td width="20%">
                                                    <input type="text" ng-model="item.widthRate" class="print-temp-modal-txt"
                                                        yb-number-input>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="no-data w-full text-center p-t" ng-show="printTempBd.length === 0" translate>暂时没有数据
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary btn-sm" translate ng-click="fnMoveUp()" ng-disabled="!moveBtn.canMoveUp">
                            上移
                        </button>
                        <button class="btn btn-primary btn-sm m-l-sm" translate ng-click="fnMoveDown()"
                            ng-disabled="!moveBtn.canMoveDown">
                            下移
                        </button>
                        <span class="btn btn-default btn-sm m-l-sm" translate ng-click="closePop()">关闭</span>
                    </div>
                </div>

                <!-- --------------wangcan:第二张表左侧表体设置----------------- -->
                <div class="print-temp-modal"
                    ng-if="IsShowPop.showTempBdPop2 && printTempInfo.TempTitle.Name === '销售开票审批单'">
                    <div class="modal-header">
                        表体设置
                        <i class="yb-icon ico-close" ng-click="closePop()"></i>
                    </div>
                    <div class="modal-body pos-r">
                        <div class="pos-a-full">
                            <div yb-table-fixed class="table-fixed-wrap">
                                <div class="th-scroll-x">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <thead>
                                            <tr>
                                                <th width="50%">默认列名</th>
                                                <th width="50%">自定义列名</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="td-scroll" ng-show="printTempBd2.length > 0">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <tbody>
                                            <tr ng-repeat="item in printTempBd2 track by $index"
                                                ng-class="{'row-selected':item.IsSelected}">
                                                <td width="50%" ng-click="setSelectStyle(printTempBd2,$index)" translate>
                                                    {{ item.Name }}
                                                </td>
                                                <td width="50%">
                                                    <input type="text" ng-model="item.Alias"
                                                        class="print-temp-modal-txt" auto-focus>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="no-data w-full text-center p-t" ng-show="printTempBd2.length === 0" translate>暂时没有数据
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary btn-sm" translate ng-click="fnMoveUp()" ng-disabled="!moveBtn.canMoveUp">
                            上移
                        </button>
                        <button class="btn btn-primary btn-sm m-l-sm" translate ng-click="fnMoveDown()"
                            ng-disabled="!moveBtn.canMoveDown">
                            下移
                        </button>
                        <span class="btn btn-default btn-sm m-l-sm" translate ng-click="closePop()">关闭</span>
                    </div>
                </div>
                <!-- --------------------------------------------- -->

                <!-- 表尾设置 -->
                <div class="print-temp-modal" ng-if="IsShowPop.showTempFootPop">
                    <div class="modal-header" translate>
                        表尾设置
                        <i class="yb-icon ico-close" ng-click="closePop()"></i>
                    </div>
                    <div class="modal-body pos-r">
                        <div class="pos-a-full">
                            <div yb-table-fixed class="table-fixed-wrap">
                                <div class="th-scroll-x">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <thead>
                                            <tr>
                                                <th width="30%" translate>默认列名</th>
                                                <th width="30%" translate>自定义列名</th>
                                                <th width="20%" translate>独行显示</th>
                                                <th width="20%" translate>移至表头</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="td-scroll" ng-show="cacheFoot.length > 0">
                                    <table class="table border-none" width="{{tableConfig.scrollWidth}}">
                                        <tbody>
                                            <tr ng-repeat="item in cacheFoot track by $index"
                                                ng-class="{'row-selected':item.IsSelected}">
                                                <td width="30%" ng-click="setSelectStyle(cacheFoot,$index)"
                                                    ng-bind-html="item.Name |translate" >
                                                </td>
                                                <td width="30%">
                                                    <input type="text" ng-model="item.Alias"
                                                        class="print-temp-modal-txt" yb-focus-on="$index===0">
                                                </td>
                                                <td width="20%">
                                                    <div yb-check-box yb-checked="item.IsAloneRow" yb-check-name="独行显示" translate>
                                                    </div>
                                                </td>
                                                <td width="20%">
                                                    <span class="btn btn-operate"
                                                        ng-click="fnMoveToHeader(cacheFoot,$index)" translate>移至表头</span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="no-data w-full text-center p-t" ng-show="cacheFoot.length === 0" translate>暂时没有数据
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary btn-sm" translate ng-click="fnMoveUp()" ng-disabled="!moveBtn.canMoveUp">
                            上移
                        </button>
                        <button class="btn btn-primary btn-sm m-l-sm" translate ng-click="fnMoveDown()"
                            ng-disabled="!moveBtn.canMoveDown">
                            下移
                        </button>
                        <button class="btn btn-default btn-sm m-l-sm" translate ng-click="closePop()">关闭</button>
                    </div>
                </div>

            </div>
            <div class="bottom-area btn-bar text-center border-t clearfix">
                <button class="btn btn-md btn-primary m-r" type="button" ng-click="savePrintTemplate()"
                    translate>保存</button>
                <button class="btn btn-md btn-default m-r" type="button" ng-click="previewOnPrinter()"
                    translate>预览</button>
                <button class="btn btn-md btn-default" type="button" ng-click="goback()" translate>取消</button>
            </div>
        </div>
    </div>
</div>
